<script type="text/ng-template" id="sidebar.html">
	<a ng-click="goto('{{item.action}}')" title="{{item.text}}"  class="auto level{{level}}" >
			<i ng-if="item.menuList&&item.name" class="{{$msg('icon')[item.name]}}"></i>			
			<span ng-if="item.menuList!=null" class="pull-right text-muted"> 
				<i class="fa fa-fw fa-angle-right text"></i> 
				<i class="fa fa-fw fa-angle-down text-active"></i>
			</span> 
			<span>{{$msg(item.name)}}</span>
	</a>
    <ul ng-if="item.menuList" class = "nav nav-sub dk" style="display: {{level == 3 ? 'none':'block'}}" ng-init="level=level + 1;">
        <li ng-repeat="item in item.menuList"  ng-include="'sidebar.html'"></li>
    </ul>
</script>

<!-- list -->
<ul class="nav">
	<li ng-repeat="item in menuItemList" ng-init="level=1;" ng-include="'sidebar.html'"></li>
</ul>